<template>
	<view class="box-head-body " :style="{paddingTop: safeArea.top+'px'}">
		<view class="box-head">
			商品列表
		</view>
	</view>
</template>

<script >
	export default {
		data() {
			return {
				safeArea:{}
			}
		},
		created:function(){
		const sysInfo = uni.getStorageSync('sysInfo') || null;
		console.log('是否存在系统信息11',sysInfo)
		this.safeArea = sysInfo.safeArea	
		}
	}
</script>

<style  lang="scss">
	.box-head-body {
		width: 100vw;
		display: flex;
		align-items: center;
		background-color: #fff;
		.box-head{
			height: 88rpx;
			display: flex;
			align-items: center;
			padding: 0 28rpx;
			
			font-family: Nunito Sans, Nunito Sans;
			font-weight: 600;
			font-size: 32rpx;
			color: #333;
			line-height: 1;
			text-align: left;
			font-style: normal;
			text-transform: none;
		}
	}
</style>